/* 主框架 */

my-app {
  height: 100vh;
  width: 100vw;
}
my-app > .main-container{
  overflow: auto;
  -webkit-overflow-scrolling : touch;
}
[ng-view],
ng-view {
  width: 100%;
  height: 100%;
}
[ng-view] >*,
ng-view >*{
  flex-shrink: 0
}

search-ui{
  display: flex;
  flex-direction:column;
}
search-ui amap-main{
  height: 200px;
}

/* footer */

my-app appb-ui-footer{
  border-top: solid 1px #ccc;
}

my-app appb-ui-footer .main-tab img{
  width: .25rem;
  height: .25rem;
}
my-app appb-ui-footer .main-tab_active img{
}
my-app appb-ui-footer .main-tab a span{
  color: #6B6B6B;
  font-size:.12rem;
}
my-app appb-ui-footer .main-tab_active a span{
  color: #3366CC;
}

/* 底部导航栏， 以背景颜色识别版本 */
preview > .main-tabs{
  background: #ff660033;
}
.test > .main-tabs{
  background: #0000ff55;
}


/* 非手机 */
my-app .pc{
  width: 100%;
  text-align: center;
  padding-top: 50px;
  font-size: 20px;
  color: #333333;
}
my-app .pc>h3{
  font-size: 20px;
  color: #f80;
}
